<template>
  <div class="banner">
    <div class="imgbox">
      <img v-for="item in imgs" :src="item.src" :alt="item.title" :title="item.name" :key="item.bannerId">
    </div>
  </div>
</template>

<script>
export default {
  props: {
    imgs: {
      required: true,
      type: Array
    }
  }
}
</script>

<style lang="scss">
.banner{
  width: 100vw;
  height: 3rem;
  position: relative;
  overflow: hidden;
  .imgbox{
    position: absolute;
    width: 200vw;
    height: 3rem;
    left:0;top:0;
    img{
      width: 100vw;
      height: 3rem;
      display: block;
      float: left;
      background: red;
    }
  }
}
</style>
